<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <input type="text" id="inp" value="你好!"> -->
    <p id="p">这个是一个p标签
        <h2>这是一个标题2</h2>        
    </p>
    <script>
        // console.log(p);
        /* 
            innerText 
        */
        //文本文本值
        console.log(p.innerText)
        p.innerText = "<h1>这是一个标题1</h1>"

        /* 
            innerHTML 的使用
        */
        /* 我想要获取p标签里面的文本值 innerHTML */
        console.log(p.innerHTML);
        /* 我要设置p标签里面的文本值 */
        p.innerHTML = "<h1>这是一个标题1</h1>"


        // console.log(inp);
        // //获取标签里面的文本值
        // console.log(inp.value);

        // inp.value = "文种玉"
    </script>
</body>
</html>